@charset "utf-8";

	html {font-size:100.01%}
	body {
		font-family:arial, helvetica, sans-serif;
		font-size:.625em;
		line-height:2.1em;
		color:#4f4f4f;

		background:#f1f1f1;
		padding:0;
		margin:0
	}
/* ---------------------------------------------------------------------- Titres */
	h1, h2, h3 {line-height:1.4em}
	h4, h5, h6 {line-height:1.6em}
/* ---------------------------------------------------------------------- Paragraphes */
	p {margin:0 0 1.7em 0}
/* ---------------------------------------------------------------------- Liens */
	a,
	input.aspect_lien {
		color:#434343;
		text-decoration:none;
		-webkit-transition:color 0.2s ease-in-out;
		-moz-transition:color 0.2s ease-in-out;
		-o-transition:color 0.2s ease-in-out;
		transition:color 0.2s ease-in-out
	}
	a:hover,
	a:focus,
	a:active,
	input.aspect_lien:hover,
	input.aspect_lien:focus,
	input.aspect_lien:active {
		color:#000;
		text-decoration:underline
	}
	/*a:visited {color:#}*/
	a.lien_continuation {
		font-weight:bold;
		font-size:0.9em;
		color:#e43664;
		text-transform:uppercase;
		background:#fff url('../images/background/lien_conti01.gif') no-repeat right center;
		padding-right:15px;
		float:left;
		text-decoration:none
		-webkit-transition:background-color 0.2s ease-in-out;
		-moz-transition:background-color 0.2s ease-in-out;
		-o-transition:background-color 0.2s ease-in-out;
		transition:background-color 0.2s ease-in-out
	}

	a.lien_continuation:hover,
	a.lien_continuation:focus,
	a.lien_continuation:active {
		text-decoration:none;
		-webkit-transition:color 0.4s ease-in-out;
		-moz-transition:color 0.4s ease-in-out;
		-o-transition:color 0.4s ease-in-out;
		transition:color 0.4s ease-in-out
	}
	/* carrousel */
	.anythingControls a {
		line-height:1.2em;
		font-size:0.7em;
		background:#e0e0e0;
		border:1px solid #606060;
		padding:0px .2em;
		text-decoration:none
		-webkit-transition:background-color 0.2s ease-in-out;
		-moz-transition:background-color 0.2s ease-in-out;
		-o-transition:background-color 0.2s ease-in-out;
		transition:background-color 0.2s ease-in-out
	}
	.anythingControls a:hover {
		background:#000;
		color:#fff;
		text-decoration:none;
	}

/* ---------------------------------------------------------------------- Images */
	img {vertical-align:middle}
	a img {border:none}
/* ---------------------------------------------------------------------- Listes */
	ul, ol {
		list-style:none;
		padding:0;
		margin:0 0 1.7em 0
	}
/* ---------------------------------------------------------------------- Formulaire */
	form, fieldset {
		border:none;
		padding:0;
		margin:0
	}
	input, button, select, textarea {
		font-family:arial, helvetica, sans-serif;
		font-size:1em;
		vertical-align:middle;
		outline:none
	}
/* ---------------------------------------------------------------------- Type ligne */
	em {
		font-style:italic;
		font-weight:normal
	}
	strong {
		font-style:normal;
		font-weight:bold
	}
	abbr[title],
	acronym[title] {
		border-bottom:.1em dotted;
		cursor:help
	}
	a abbr[title],
	a acronym[title] {cursor:pointer}
	kbd {
		font-family:arial, helvetica, sans-serif;
		background:#e5e5e5;
		border:solid .1em #e6e6e6;
		border-right:solid .1em #999;
		border-bottom:solid .1em #999;
		padding:0 .3em
	}
/* ---------------------------------------------------------------------- Type bloc */
	address {
		font-style:normal;
		margin:0 0 1.7em 0
	}
/* ---------------------------------------------------------------------- Alignements */
	.alignement01 {text-align:left}
	.alignement02 {text-align:right}
	.alignement03 {text-align:center}
/* ---------------------------------------------------------------------- Divers */
	.retour_chariot {
		overflow:hidden;
		clear:both
	}
	.masquer,
	.contre_les_robots,
	.arrow span {
		overflow:hidden;
		position:absolute;
		left:-10000px;
		width:1px;
		height:1px
	}
	.ui-tabs-hide {display:none}
	.emphase01 {
		font-style:italic;
		color:#777
	}




/************************************************************************
*
*	T H E M E
*
*************************************************************************/

/* ---------------------------------------------------------------------- Global */
	#cont_top {
		overflow:hidden;
		min-height:126px;
		background:#e43664 url('../images/background/body2.gif') repeat-x;
	}
	#top {
		width:960px;
		font-size:1.3em;
		margin:0 auto
	}
	#global {
		padding:2.7em 0 0 0;
		width:960px;
		font-size:1.3em;
		margin:0 auto;
		overflow:hidden;
	}
	#global h2, #global h3 {
		font-family:helvetica, arial, sans-serif;
	}
	#contenu { padding-bottom:5px; }


/* ---------------------------------------------------------------------- Menu déroulant */
	#menu-deroulant { width:960px; margin:0; padding:0; background:#7b8596; font-size:1em; line-height:1.3em; font-weight:bold; }
	#menu-deroulant li {position:relative;}
	#menu-deroulant > li { display:inline-block; padding:0 1em 0 .5em; background:url('../images/background/separateur_menu.png') no-repeat right 1px; }
	#menu-deroulant > li.dernier { background: none; }
	#menu-deroulant >li > a , #menu-deroulant >li > strong { display:block; color:#fff; margin:0; padding:11px 15px; background:url('../images/background/puce_menu.png') no-repeat 3px 12px; }
	#menu-deroulant >li > a:hover, #menu-deroulant >li > a:focus, #menu-deroulant >li > a:active, #menu-deroulant >li > strong, #menu-deroulant >li > a.actif { color:#fff; font-weight:bold; text-decoration:underline; }
	#menu-deroulant > li > a em {font-style:normal}
	#menu-deroulant > li ul { display:none; position:absolute; top:100%; left:0; width:300px; background:#7b8596; }
	#menu-deroulant > li:hover > ul { display:block; z-index:100; }
	#menu-deroulant li li a , #menu-deroulant li li strong { display:block; color:#fff; margin:0; padding:8px 10px; }
	#menu-deroulant li li a:hover , #menu-deroulant li li a.actif , #menu-deroulant li li strong { background:rgba(0,0,0,.15); }
	#menu-deroulant > li:hover li:hover ul { display:block; z-index:100; left:100%; top:0; }

/* ---------------------------------------------------------------------- Accès rapide */
	#acces-rapide {
		width:650px;
		text-align:right;
		float:right;
		padding:0.5em 0 0 0;
		margin:0;
		color:#fff;
	}
	#acces-rapide li {
		display:inline;
		padding:0 .5em;
		background:url('../images/background/separateur1.gif') no-repeat right;
		margin:0;
	}
	#acces-rapide li.dernier {
		background:none;
	}
	#acces-rapide li.eng a {
		padding-left:25px;
		background:url('../images/background/eng.gif') no-repeat 0 center;
	}
	#acces-rapide li.fre a {
		padding-left:25px;
		background:url('../images/background/fre.gif') no-repeat 0 center;
	}
	#acces-rapide li img {
		display:none;
	}
	#acces-rapide li a, #acces-rapide li strong  {
		color:#fff;
	}

	#acces-rapide a.connexion,
	#acces-rapide a.deconnexion { background:none;}
	#acces-rapide a.deconnexion {color:#d90000}
/* ---------------------------------------------------------------------- Réseaux sociaux */
	#reseaux-sociaux {
		float:right;
		padding:.5em 0;
		margin:0
	}
	#reseaux-sociaux li {
		display:inline;
		margin:0 0 0 1.5em
	}
	#reseaux-sociaux img {
		opacity:.5;
		-webkit-transition:opacity 0.2s ease-in-out;
		-moz-transition:opacity 0.2s ease-in-out;
		-o-transition:opacity 0.2s ease-in-out;
		transition:opacity 0.2s ease-in-out
	}
	#reseaux-sociaux a:hover img,
	#reseaux-sociaux a:focus img,
	#reseaux-sociaux a:active img {opacity:1}
/* ---------------------------------------------------------------------- Logo */
	#logo {
		float:left;@charset "utf-8";

	}


/************************************************************************

	0. T O D O
	1. B A S E
	2. T H E M E
	3. C O N T E N U
	4. F O R M U L A I R E
	5. F O N C T I O N N A L I T É S

*************************************************************************/




/************************************************************************
*
*	T O D O
*
*************************************************************************/

/*
	01 <span> dans les <legend> (sondage) :
		- Modifier la largeur (largeur du contenu - 15px) de "fieldset.sondage legend span {"

	02 Fiches :
		- Modifier la largeur des vignettes des fiches
		  Ex : ul.fiches_navigation a {width:14.5em}

	03 Prévoir un aspect pour les liens visité "a:visited {color:#}"

	04 Changer les valeurs pour la galerie carousel (navigation et zoom)
		#diaporama_nav li a img {
*/




/************************************************************************
*
*	B A S E
*
*************************************************************************/

/* ---------------------------------------------------------------------- Page */
	html {font-size:100.01%}
	body {
		font-family:arial, helvetica, sans-serif;
		font-size:.625em;
		line-height:2.1em;
		color:#4f4f4f;

		background:#f1f1f1;
		padding:0;
		margin:0
	}
/* ---------------------------------------------------------------------- Titres */
	h1, h2, h3 {line-height:1.4em}
	h4, h5, h6 {line-height:1.6em}
/* ---------------------------------------------------------------------- Paragraphes */
	p {margin:0 0 1.2em 0}
/* ---------------------------------------------------------------------- Liens */
	a,
	input.aspect_lien {
		color:#8c2321;
		text-decoration:none;
		-webkit-transition:color 0.2s ease-in-out;
		-moz-transition:color 0.2s ease-in-out;
		-o-transition:color 0.2s ease-in-out;
		transition:color 0.2s ease-in-out
	}
	a:hover,
	a:focus,
	a:active,
	input.aspect_lien:hover,
	input.aspect_lien:focus,
	input.aspect_lien:active {
		color:#000;
		text-decoration:underline
	}
	/*a:visited {color:#}*/
	a.lien_continuation	 {
		font-size:0.9em;
		color:#e43664;
		text-transform:uppercase;
		background:url('../images/background/lien_conti01.gif') no-repeat right center;
		padding-right:15px;
		float:left;
		text-decoration:none
		-webkit-transition:background-color 0.2s ease-in-out;
		-moz-transition:background-color 0.2s ease-in-out;
		-o-transition:background-color 0.2s ease-in-out;
		transition:background-color 0.2s ease-in-out
	}
	a.lien_continuation:hover,
	a.lien_continuation:focus,
	a.lien_continuation:active {
		text-decoration:underline
	}

/* ---------------------------------------------------------------------- Images */
	img {vertical-align:middle}
	a img {border:none}
/* ---------------------------------------------------------------------- Listes */
	ul, ol {
		list-style:none;
		padding:0;
		margin:0 0 1.7em 0
	}
/* ---------------------------------------------------------------------- Formulaire */
	form, fieldset {
		border:none;
		padding:0;
		margin:0
	}
	input, button, select, textarea {
		font-family:arial, helvetica, sans-serif;
		font-size:1em;
		vertical-align:middle;
		outline:none
	}
/* ---------------------------------------------------------------------- Type ligne */
	em {
		font-style:italic;
		font-weight:normal
	}
	strong {
		font-style:normal;
		font-weight:bold
	}
	abbr[title],
	acronym[title] {
		border-bottom:.1em dotted;
		cursor:help
	}
	a abbr[title],
	a acronym[title] {cursor:pointer}
	kbd {
		font-family:arial, helvetica, sans-serif;
		background:#e5e5e5;
		border:solid .1em #e6e6e6;
		border-right:solid .1em #999;
		border-bottom:solid .1em #999;
		padding:0 .3em
	}
/* ---------------------------------------------------------------------- Type bloc */
	address {
		font-style:normal;
		margin:0 0 1.7em 0
	}
/* ---------------------------------------------------------------------- Alignements */
	.alignement01 {text-align:left}
	.alignement02 {text-align:right}
	.alignement03 {text-align:center}
/* ---------------------------------------------------------------------- Divers */
	.retour_chariot {
		overflow:hidden;
		clear:both
	}
	.masquer,
	.contre_les_robots,
	.arrow span {
		overflow:hidden;
		position:absolute;
		left:-10000px;
		width:1px;
		height:1px
	}
	.ui-tabs-hide {display:none}
	.emphase01 {
		font-style:italic;
		color:#777
	}




/************************************************************************
*
*	T H E M E
*
*************************************************************************/

/* ---------------------------------------------------------------------- Global */
	#cont_top {
		min-height:126px;
		background:#7b8596 url('../images/background/body2.gif') repeat-x;
	}
	#top {
		width:960px;
		font-size:1.3em;
		margin:0 auto
	}
	#global {
		padding:2.7em 0 0 0;
		width:960px;
		font-size:1.3em;
		margin:0 auto
	}

/* ---------------------------------------------------------------------- Accès rapide */
	#acces-rapide {
		float:right;
		padding:0.5em 0 0 0;
		margin:0
		color:#fff;
	}
	#acces-rapide li {
		display:inline;
		padding:0 .5em;
		background:url('../images/background/separateur1.gif') no-repeat right;
		margin:0;

	}
	#acces-rapide li a, #acces-rapide li strong  {
		color:#fff;

	}

	#acces-rapide a.connexion,
	#acces-rapide a.deconnexion { background:none;}
	#acces-rapide a.deconnexion {color:#d90000}
/* ---------------------------------------------------------------------- Réseaux sociaux */
	#reseaux-sociaux {
		float:right;
		padding:.5em 0;
		margin:0
	}
	#reseaux-sociaux li {
		display:inline;
		margin:0 0 0 1.5em
	}
	#reseaux-sociaux img {
		opacity:.5;
		-webkit-transition:opacity 0.2s ease-in-out;
		-moz-transition:opacity 0.2s ease-in-out;
		-o-transition:opacity 0.2s ease-in-out;
		transition:opacity 0.2s ease-in-out
	}
	#reseaux-sociaux a:hover img,
	#reseaux-sociaux a:focus img,
	#reseaux-sociaux a:active img {opacity:1}
/* ---------------------------------------------------------------------- Logo */
	#logo {
		float:left;
		margin:0.2em 0 0 0;
		color:#000;
		padding:0;
		font-size:3.5em;
	}
	#logo a {
		color:#000;
	}
/* ---------------------------------------------------------------------- Recherche */
	#recherche {
		float:right;
		background:#fff;
		padding:0 0 0 .3em;
		margin:2em 0 0 0;
		border:none;
	}
	#recherche input[type=text] {
		width:180px;
		color:#797979;
		border:0;
		padding:0;
		min-height:30px;
		background:#fff url('../images/background/fond_recherche.gif') repeat-x 0 0px;
	}
	#recherche input.bouton {
		width:34px;
		border:0;
		padding:0;
		margin:0 0 0 -2px;
		background:#a3a3a3 url('../images/background/recherche.gif') no-repeat;
		overflow;
	}
/* ---------------------------------------------------------------------- Navigation principale (niveau 1) */
	#principal_1n {
		width:960px;
		background:#7b8596;
		float:left;
		font-size:1em;
		margin:0;
		font-weight:bold;
		overflow:hidden;
		line-height:1.3em;

	}
	#principal_1n li {
		display:block;
		float:left;
		width:140px;
		min-height:40px;
		text-align:center;
		padding:0.4em 1em 0 .5em;
		background:url('../images/background/separateur_menu.png') no-repeat right 1px;
	}
	#principal_1n li.dernier {
		background: none;
	}
	#principal_1n a,
	#principal_1n strong {
		display:inline;
		color:#fff;
		margin:0;
		padding:0 0 0 1.2em;
		background:url('../images/background/puce_menu.png') no-repeat 0 3px;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;

	}
	#principal_1n a:hover,
	#principal_1n a:focus,
	#principal_1n a:active,
	#principal_1n strong,
	#principal_1n a.actif {

		color:#fff;
		font-weight:bold;
		/*background:#212121;*/
		text-decoration:underline
	}
	#principal_1n em {font-style:normal}
	#principal_1n a.actif:hover,
	#principal_1n a.actif:focus,
	#principal_1n a.actif:active {text-decoration:underline}
/* ---------------------------------------------------------------------- Têtière */
	#tetiere {
		clear:both;
		text-align:center;
		background:#fff;
		padding:0;
		margin:0;
		/*height:412px;*/
		overflow:hidden;
	}
/* ---------------------------------------------------------------------- Actualités */
	div.anythingSlider {
		overflow:visible !important; /* nécessaire pour Opera et Safari */
		position:relative;
		clear:both;
		padding:0;
		margin:0;
	}
	div.anythingWindow {
		overflow:hidden;
		position:relative;
		height:100%
	}
	#slider {
		clear:both;
		overflow:hidden;
		width:960px
	}
	#slider.avec-js {
		position:absolute;
		height:412px;
	}
	#slider li {
		position:relative;
		float:left
	}
	#slider div {padding:10px}
	#slider.avec-js div {
		position:absolute;
		right:60px;
		bottom:20px;
		width:200px;
		color:#fff;
		background-color:#000;
		background-color:rgba(16, 16, 16, 0.9)
	}
	#slider h2 {
		font-size:1em;
		padding:0;
		margin:0;
		font-weight:bold;
		line-height:1.3em;
	}
	#slider.avec-js h2 {text-shadow:0 1px 1px rgba(0,0,0,1)}
	#slider.avec-js a {color:#fff}
	#slider p {
		font-size:1.05em;
		line-height:1.6em
	}
	#slider.avec-js p {
		color:#e0e0e0;
		text-shadow:0 1px 1px rgba(0,0,0,1)
	}
	#slider img {display:none}
	#slider.avec-js img {display:block}
/* ------------------------------------------------------------ Navigation */
/* -------------------------------------------------- Flêches */
	.arrow a {
		position:absolute;
		top:40%;
		display:block;
		width:36px;
		height:75px;
		outline:none
	}
	.arrow.back a {

		left:0px;
		background:url('../images/background/slider_gauche.png')
	}
	.arrow.forward a {

		right:0px;
		background:url('../images/background/slider_droite.png')
	}
	.arrow a:hover,
	.arrow a:focus,
	.arrow a:active {background-position:left bottom}
	.back.disabled,
	.forward.disabled {display:none}
/* -------------------------------------------------- Contrôle */
	.anythingControls {
		position:absolute;
		right:10px;
		bottom:20px
	}
	.start-stop {float:right}
	.thumbNav {
		float:left;
		margin:0
	}
	.thumbNav li {display:inline}
	.anythingControls a {margin:0 0 0 .4em;display:none;}
	.anythingControls a.cur {

		display:none;
		font-style:italic;
		cursor:text
	}
/* ---------------------------------------------------------------------- Colonnes */
/* ------------------------------------------------------------ Accueil */
	.colonne01 {
		float:left;
		width:665px;
		min-height:550px;
		margin:0 10px 0 0;
		padding:0 5px;
		overflow:hidden;
	}
	.align02 {
		width:670px;
		margin:0;
		float:right;
	}
	.align02 .colonne01_01 {
		margin-left:15px;
	}
	.colonne01 h2 {
		padding:0;
		margin:0.3em 0;
	}
	.colonne01 h3 {
		padding:0;
		margin:0.3em 0;
	}
	.colonne01 h3 a {
		color:#434343;
		text-decoration:none;
	}
	.colonne01 h3 a:hover, .colonne01 h3 a:active, .colonne01 h3 a:focus {
		text-decoration:underline;
	}
	.colonne01 #contenu.decal01 ul {
		padding:0;
		margin:0;
		background:none;
		border-top:1px solid #d9d9d9;
	}
	.colonne01 #contenu.decal01 ul li {
		padding:0;
		margin:0 10px 1em 0;
		width:305px;
		float:left;
		background:none;
	}
	.colonne01 #contenu ul li.element_2 {
		padding:0;
		margin:0;
		float:right;
	}
	.colonne01 #contenu ul li.element_3 {
		padding:0.7em 0 0 0;
		margin:0;
		clear:both;
		width:640px;
		border-top:1px solid #dadada;
	}
	.colonne01 #contenu ul li.element_3 img  {
		float:left;
		margin-right:15px;
	}
	.colonne01_01 {
		clear:both;
		width:628px;
		background:#fff;
		margin:0 25px 0 0;
		padding:0 15px 1.5em 15px;
		border-top:2px solid #e43664;
/*		border-left:1px solid #d4d4d4;
		border-right:1px solid #d4d4d4;
		border-bottom:1px solid #d4d4d4;*/
		overflow:hidden;
	    -moz-box-shadow: 0px 1px 2px #d4d4d4;
	    -webkit-box-shadow: 0px 1px 2px #d4d4d4;
	    -o-box-shadow: 0px 1px 2px #d4d4d4;
	    -ms-box-shadow: 0px 1px 2px #d4d4d4;
	    box-shadow: 0px 1px 2px #d4d4d4;
    }

	.colonne01 #contenu #partenaires { margin:40px 0 30px 0; clear:both; overflow:hidden;}
	.colonne01 #contenu #partenaires li { width:auto; margin-right:15px;}
	.lien_conti02 {
		font-weight:bold;
		font-size:0.9em;
		border-right:10px solid #e0e0e0;
		color:#e43664;
		text-transform:uppercase;
		background:#e0e0e0 url('../images/background/lien_conti02.gif') no-repeat right 10px;
		padding:0.3em 15px .3em .7em;
		margin:0 5px 40px 0;
		float:right;
	}
	.colonne02 {
		float:left;
		width:267px;
		padding:0 3px 5px 3px;
		min-height:550px;
		overflow:hidden;
		margin-bottom:1em;
	}
	.colonne02 h2 {
		padding:0;
		margin:0.3em 0;
	}
	.colonne02 ul {
		margin:0;
		padding:0;
	}
	.colonne02_01 {
		position:relative;

		clear:both;
		padding:0;
		width:265px;
		overflow:hidden;
		border-bottom:1px solid #fff;
	}

	.colonne02_02 {
		clear:both;
		border-top:2px solid #e43664;
		padding:0.2em 10px;
		width:245px;
		margin-top:3.1em;
		background:#fff;
		overflow:hidden;
	    -moz-box-shadow: 0px 1px 2px #d4d4d4;
	    -webkit-box-shadow: 0px 1px 2px #d4d4d4;
	    -o-box-shadow: 0px 1px 2px #d4d4d4;
	    -ms-box-shadow: 0px 1px 2px #d4d4d4;
	    box-shadow: 0px 1px 2px #d4d4d4;
	}
	.colonne02_03 {
		border-top:2px solid #e43664;
		position:relative;
		margin-top:3.1em;
		clear:both;
		padding:0;
		width:265px;
		overflow:hidden;
		border-bottom:1px solid #fff;
	}
	.colonne02_03 iframe {
		margin:0;
		padding:0;
	}
	.colonne02_03 #cont_video {
		margin:0;
		padding:0;
		background:#E0E0E0;
		overflow:hidden;
	}
	.colonne02_03 a.lien_conti02 {
		width:auto;
		padding-top:0;
		margin-bottom:0;
		float:left;
		background:#e0e0e0 url('../images/background/lien_conti02.gif') no-repeat right 5px;
	}

	.colonne02_chantier { background:#d7d9d9; border-top:2px solid #e43664; position:relative; z-index:0; margin-top:3.1em; clear:both; padding:0; width:265px; overflow:hidden; }

	.colonne02_03 form { margin:0; padding:10px; background:#E0E0E0; overflow:hidden; }
	.colonne02_03 form input[type="text"] { paddding:5px 0 4px 5px; display:inline-block; width:50%; }


/* ---------------------------------------------------------------------- Titres */
	.bloc h2 {
		font-size:2.1em;
		font-weight:normal;
		color:#fff;
		background:#212121;
		padding:.15em 1em .2em 20px
	}
	.bloc.style04 h2 {margin-left:7px}
/* ---------------------------------------------------------------------- Navigation transversale 01 (Accès direct) */
	#nav-transverse01 {
		padding:0 0 0 5px;
		margin:0;
	}
	#nav-transverse01 a,
	#nav-transverse01 strong {
		border-top:1px solid #dadada;

		display:block;
		padding:0.4em 0 .4em 25px;
		margin:0 0 .25em 0;
		background:url('../images/background/puce02.gif') no-repeat right center;
	}
	#nav-transverse01 li.ac_01 {
		background:url('../images/background/ac_01.gif') no-repeat 0 10px;
	}
	#nav-transverse01 li.ac_02 {
		background:url('../images/background/ac_02.gif') no-repeat 0 10px;
	}
	#nav-transverse01 li.ac_03 {
		background:url('../images/background/ac_03.gif') no-repeat 0 10px;
	}
	#nav-transverse01 li.ac_04 {
		background:url('../images/background/ac_04.gif') no-repeat 0 10px;
	}
	#nav-transverse01 li.ac_05 {
		background:url('../images/background/ac_05.gif') no-repeat 0 10px;
	}
	#nav-transverse01 li.ac_06 {
		background:url('../images/background/picto_chantier.png') no-repeat 0 10px;
	}

	#nav-transverse01 a:hover,
	#nav-transverse01 a:focus,
	#nav-transverse01 a:active,
	#nav-transverse01 strong {
		text-decoration:underline;
	}
/* ---------------------------------------------------------------------- Multimédias */
/* ------------------------------------------------------------ Navigation */
	#multimedia-nav {font-size:1.8em}
	#multimedia-nav a {
		float:left;
		text-align:center;
		background:#000;
		color:#fff;
		padding:.5em 60px 1em 60px;
		-webkit-transition:background-color 0.2s ease-in-out;
		-moz-transition:background-color 0.2s ease-in-out;
		-o-transition:background-color 0.2s ease-in-out;
		transition:background-color 0.2s ease-in-out
	}
	#multimedia-nav a:hover,
	#multimedia-nav a:focus,
	#multimedia-nav a:active {
		background:#4f4f4f;
		text-decoration:none
	}
	#multimedia-nav li.ui-tabs-selected a {
		color:#8c2321;
		background:#fff;
		cursor:text;
	}
/* ------------------------------------------------------------ Contenu */
	#multimedia {
		clear:both;
		overflow:hidden;
		position:relative;
		top:-1em;
		z-index:1;
		background:#fff;
		padding:0 15px .1em 15px;
		margin:0 0 3.5em 0;
		-webkit-box-shadow:0px 1px 1px 0px #d9d9d9;
		-moz-box-shadow:0px 1px 1px 0px #d9d9d9;
		box-shadow:0px 1px 1px 0px #d9d9d9
	}
	#multimedia object,
	#multimedia img {margin:0 0 .5em 0}
	#multimedia p {margin:0 0 1em 0}
	#multimedia ul p {margin:0}
/* -------------------------------------------------- Photos */
	#photos {float:left}
	#slider02 li,
	#no-slider li {
		/*overflow:hidden;
		width:589px*/
	}
	#controls {position:relative}
	#prevBtn,
	#nextBtn {
		position:absolute;
		left:0;
		top:-180px
	}
	#nextBtn {left:554px}
/* ---------------------------------------------------------------------- Agenda */
	div.agenda {clear:both}
	.evenement {
		float:left;
		width:285px;
		margin:.8em 35px .5em 0
	}
	#tous-evenements {
		clear:both;
		margin:0 0 5em 0
	}
/* ------------------------------------------------------------ Thème + Titre */
	.evenement h2 {
		float:right;
		width:189px
	}
	.evenement h2 span.theme {
		display:inline-block;
		font-size:.7em;
		line-height:1.7em;
		color:#fff;
		background:#8c2321;
		padding:0 .6em;
		margin:0 0 .6em 0
	}
	.evenement h2 a {
		font-size:1.35em;
		font-weight:normal;
		line-height:1.1em;
		text-shadow:0 1px 1px rgba(0,0,0,.9);
		-webkit-transition:color 0.2s ease-in-out;
		-moz-transition:color 0.2s ease-in-out;
		-o-transition:color 0.2s ease-in-out;
		transition:color 0.2s ease-in-out
	}
	.evenement h2 a:hover,
	.evenement h2 a:focus,
	.evenement h2 a:active {
		color:#bf8483;
		text-decoration:none
	}
/* ------------------------------------------------------------ Date */
	.evenement p.dtstart {
		float:left;
		width:76px;
		text-align:center;
		background:url('../images/background/date.png') no-repeat;
		padding:.05em 0 .8em 0;
		margin:2.5em 20px 0 0
	}
	.evenement p.dtstart abbr {
		display:block;
		font-weight:bold;
		text-transform:capitalize;
		color:#fff;
		border:0;
		text-shadow:1px 0 0 rgba(0,0,0,.9);
		margin:0 0 1em 0
	}
	.evenement p.dtstart span {
		font-size:3em;
		color:#383838
	}
/* ------------------------------------------------------------ Introduction et lieu */
	.evenement .description p,
	.evenement .lieu {
		clear:both;
		margin:0 0 1.2em 0
	}
/* ---------------------------------------------------------------------- Publication */
	#publication {
		overflow:hidden;
		margin:0
	}

	#publication .publication_cont {
		padding-top:1em;
		border-top:1px solid #cbcbcb;
		background:#e0e0e0;
		overflow:hidden;
		clear:both;
	}
	#publication h3 {
		border:none;
		width:120px;
	}
	#publication p {
		overflow:hidden;
		margin:0 10px;
		padding-bottom:1em;
		border-bottom:1px solid #cbcbcb;

	}
	#publication img {
		float:left;
		margin:0 1em 0 0;
	}
	#publication p a {
		padding-left:0;
		background:#e0e0e0 url('../images/background/lien_conti02.gif') no-repeat right center;
	}

	#publication p a:hover,
	#publication p a:focus,
	#publication p a:active {
		text-decoration:underline
	}
	#publication a {
		font-weight:bold;
		font-size:0.9em;
		color:#e43664;
		text-transform:uppercase;
		background:#fff url('../images/background/lien_conti01.gif') no-repeat right center;
		padding-right:15px;
		text-transform:uppercase;
		padding:0.4em 15px .4em 10px;
		background:#e0e0e0 url('../images/background/lien_conti02.gif') no-repeat right 10px;
	}
/* ---------------------------------------------------------------------- Sondage */
	#sondage {padding:0 10px}
	#sondage legend {white-space:normal}
	#sondage legend span {
		display:block;
		width:280px;
		line-height:1.2em;
		font-size:1.7em;
		font-weight:normal;
		color:#212121;
		margin:0 0 .3em 0
	}
	#sondage li {
		float:left;
		width:50%;
		margin:0 0 .4em 0
	}
	#sondage #id1,
	#sondage #id2 {width:40%}
	#sondage #id3,
	#sondage #id4 {width:60%}
	#sondage label {
		position:relative;
		top:3px
	}
	#sondage p.alignement02 {
		position:relative;
		top:15px;
		margin:0
	}
/* ---------------------------------------------------------------------- Nuage de tags */
	#nuage_tags li {display:inline}
	#nuage_tags a {
		display:inline-block;
		vertical-align:middle;
		color:#fff;
		background:#4f4f4f;
		padding:.2em 8px .3em 8px;
		margin:.1em .2em .3em .1em;
		-webkit-transition:background 0.2s ease-in-out;
		-moz-transition:background 0.2s ease-in-out;
		-o-transition:background 0.2s ease-in-out;
		transition:background 0.2s ease-in-out
	}
	#nuage_tags a:hover,
	#nuage_tags a:focus,
	#nuage_tags a:active {
		background:#8c2321;
		text-decoration:none
	}
/* ---------------------------------------------------------------------- Navigation contextuelle (niveaux 2 et 3) */
	.menu_contextuel { margin-bottom:3.5em; }
	#contextuel_2n {
		font-size:1.2em;
		padding:0 0 0 10px;
		margin:0
	}
	#contextuel_2n a,
	#contextuel_2n strong {
		display:block;
		color:#212121;
		background:url('../images/background/puce02.png') no-repeat left .55em;
		padding:0 0 0 17px;
		margin:0 0 .4em 0
	}
	#contextuel_2n a:hover,
	#contextuel_2n a:focus,
	#contextuel_2n a:active,
	#contextuel_2n strong {color:#8c2321}
	#contextuel_2n ul {
		font-size:.9em;
		padding-left:35px;
		margin-bottom:.5em
	}
	#contextuel_2n ul a,
	#contextuel_2n ul strong {background:url('../images/background/puce03.png') no-repeat left .55em}
/* ---------------------------------------------------------------------- Fil d'ariane */
	#fil-ariane {margin:10px 0; color:#434343;}
/* ---------------------------------------------------------------------- Pied de page */
	.pied-page {
		font-size:0.9em;
		clear:both;
		margin-top:40px;
		overflow:hidden;
		padding-top:1em;
		border-top:2px solid #b4b4b4;
	}
	.pied-page h2 {
		padding-top:0;
		margin-top:0;
		margin-bottom:0.6em;
	}
	.pied-page p {margin:0 0 2em 0}
	.pied-page p#copyright {float:right;font-size:0.8em;}
	.bloc_bas_01 {
		float:left;
		padding:0 15px 0 0;
		width:230px;
		min-height:150px;
		background:url('../images/background/separateur3.gif') repeat-y right;
	}
	.bloc_bas_01 ul {
		padding-top:0;
	}
	.bloc_bas_01 ul li {
		display:block;
	}
	.bloc_bas_02 {

		float:left;
		padding:0 20px;
		width:215px;
		min-height:150px;
		background:url('../images/background/separateur3.gif') repeat-y right;
	}
	.bloc_bas_02 ul li {
		display:block;
	}
	.bloc_bas_03 {
		float:left;
		padding:0 20px;
		width:410px;
		min-height:150px;
		/*background:url('../images/background/separateur3.gif') repeat-y right;*/
	}
	#bloc_contact01 { float:left; width:170px; }
	#bloc_contact02 { float:right; line-height:2em; }
	.tel {
		padding-left:20px;
		background:url('../images/background/tel.png') no-repeat 0 center;
	}
	.fax {
		padding-left:20px;
		background:url('../images/background/fax.png') no-repeat 0 center;
	}
	.contact {
		padding-left:20px;
		background:url('../images/background/contact.png') no-repeat 0 center;
	}
	.ecard01 {
		padding-left:20px;
		background:url('../images/background/ecard01.png') no-repeat 0 center;
	}
	.contact a, .ecard01 { text-decoration:underline; }
	.contact a:hover, .contact a:active, .contact a:focus, .ecard01:hover, .ecard01:active, .ecard01:focus { text-decoration:none; }
/* ------------------------------------------------------------ Boîte de connexion */
/* -------------------------------------------------- Non connecté */
	#boite-connexion {
		float:left;
		border:.1em dashed #666;
		padding:.8em 0 1em 1.8em;
		margin:0 0 1.7em 0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px
	}
	#boite-connexion h1 {margin:0 0 .4em 0}
	#boite-connexion p {margin:0 0 1.2em 0}
	#boite-connexion p.warning {color:#ea7070}
	#boite-connexion p.formulaire {
		float:left;
		margin:0 2em 2em 0
	}
	#boite-connexion label {
		display:block;
		margin:0 0 .4em 0
	}
	#boite-connexion p.formulaire input {
		width:12em;
		border:.1em solid #bbb;
		background:#f7f7f7;
		padding:.2em 0 .3em .4em;
		-webkit-box-shadow:inset 4px 4px 4px #e9e9e9;
		-moz-box-shadow:inset 4px 4px 4px #e9e9e9;
		box-shadow:inset 4px 4px 4px #e9e9e9;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out
	}
	#boite-connexion p.formulaire input:hover {background:#fcfcfc}
	#boite-connexion p.formulaire input:focus {
		background:#fff;
		outline:none;
		-webkit-box-shadow:inset 0 0 0 #e9e9e9;
		-moz-box-shadow:inset 0 0 0 #e9e9e9;
		box-shadow:inset 0 0 0 #e9e9e9
	}
	#boite-connexion input.bouton {
		float:left;
		margin:0 1.5em 0 0
	}
	#boite-connexion p a {
		position:relative;
		top:.4em;
		margin:0 1.5em 0 0
	}
/* -------------------------------------------------- Connecté */
	#boite-connexion p strong {margin:0 2em 0 0}
	#boite-connexion ul {
		float:none;
		margin:0
	}
	#boite-connexion li {
		display:block;
		margin:0 0 .4em 0
	}
	#boite-connexion a.deconnexion {color:#d90000}
/* ------------------------------------------------------------ Coordonnées */
	address.vcard {
		line-height:1.6em;
		text-align:left;
		margin:0
	}
	address.vcard img {margin:0 0 .2em 0}
/* ------------------------------------------------------------ Liste de liens */
	.pied-page ul {
		padding-top:0;
		clear:left;
		float:left;
		margin:0 0 1em 0
	}
	.pied-page li {
		display:inline;
		margin:0 1.7em 0 0
	}
	.taille01 { font-size:0.8em; }
/* ------------------------------------------------------------ Copyright */
	#copyright {
		float:right;
		margin:0 0 1em 0
	}
	#copyright abbr {border:0}
	#copyright img {vertical-align:baseline}

/************************************************************************
*
*	C O N T E N U
*
*************************************************************************/
/* ---------------------------------------------------------------------- Métas */
	p.metas {
		overflow:hidden;
		background:#f0f0f0;
		padding:.4em 1em
	}
	p.metas span {
		float:left;
		color:#666
	}
	p.metas a {
		float:right;
		background:url('../images/background/sprites01.gif') no-repeat left -495px;
		padding:0 0 0 21px;
		margin:0 0 0 2em
	}
	p.metas a.reagir {background-position:left -545px}
	p.metas abbr {border:0}
/* ---------------------------------------------------------------------- Introduction */
	.introduction {font-weight:bold}
/* ---------------------------------------------------------------------- Alignements */
	.object-left,
	.object-right,
	.object-center {margin:0 0 1.7em 0}
	.object-left {
		float:left;
		margin-right:1.7em
	}
	.object-right {
		float:right;
		margin-left:1.7em
	}
	.object-center {text-align:center}
	.alignement01 {text-align:left}
	.alignement02 {text-align:right}
	.alignement03 {text-align:center}
/* ---------------------------------------------------------------------- Espacements */
	.espacement01 {margin-bottom:0}
	.espacement02 {margin-bottom:2.7em}
	.espacement03 {margin-bottom:3.7em}
	.espacement04 {margin-bottom:4.7em}
/* ---------------------------------------------------------------------- Titres */
	#contenu h1 {
		font-size:2.1em;
		font-weight:normal;
		margin:0 0 .6em 0
	}
	h1 span {}
	h1 span span {font-size:.7em}
	h1 span span.summary,
	h1 span span.family-name,
	h1 span span.given-name,
	h1 span span span {font-size:1em}
	#contenu h3 {font-size:1.6em}
	#contenu h4 {
		font-size:1.35em;
		color:#666
	}
	#contenu h5,
	#contenu h6 {
		font-size:1.15em;
		margin:0 0 .4em 0
	}
	#contenu h6 {font-size:1em}

/* ------------------------------------------------------------ Avec picto */
	#contenu .picto {
		background-image:url('../images/background/sprites01.gif');
		background-repeat:no-repeat;
		padding:0 0 0 20px;
		margin:0 1em 0 0
	}
	#contenu a.flux_rss {
		background-image:url('../images/background/sprites01.gif');
		background-position:left -596px
	}
	#contenu .extrait a.flux_rss {background-position:left -599px}
	#contenu a.moderateur {
		background-position:left -1099px;
		margin-right:0
	}
	#contenu a.conditions_moderation {background-position:1px -1149px}
	#contenu input.aspect_lien {
		overflow:visible;
		font-size:1em;
		border:0;
		border-bottom:1px solid #8c2321;
		background:0;
		padding:0;
		margin:0 .1em 0 0;
		cursor:pointer
	}
	#contenu input.aspect_lien:hover,
	#contenu input.aspect_lien:focus,
	#contenu input.aspect_lien:active {
		border-color:#fff;
		text-decoration:none
	}
	#contenu .notification {background-position:left -1199px}
/* ---------------------------------------------------------------------- Listes */
/* ------------------------------------------------------------ Premier niveau */
	#contenu ul,
	#contenu ol {
		overflow:hidden;
		zoom:1;
		padding:0 0 0 2.8em
	}
	#contenu ul li,
	#contenu ol li {margin:0 0 .4em 0}
/* -------------------------------------------------- Non-ordonnée */
	#contenu ul li {
		background:url('../images/background/puce02.png') no-repeat left .6em;
		padding:0 0 0 17px
	}
/* -------------------------------------------------- Ordonnée */
	#contenu ol li {
		list-style-type:decimal;
		list-style-position:inside
	}
/* ------------------------------------------------------------ Second niveau */
	#contenu ul ul,
	#contenu ol ol,
	#contenu ul ol,
	#contenu ol ul {margin:.2em 0 0 0}
/* -------------------------------------------------- Non-ordonnée */
	#contenu ol ul li {
		list-style-type:none;
		list-style-position:outside
	}
/* -------------------------------------------------- Ordonnée */
	#contenu ol ol li {list-style-type:lower-alpha}
	#contenu ul ol li {
		background:none;
		padding:0
	}
/* ---------------------------------------------------------------------- Images (légende et copyright) */
	p.image {
		line-height:1.5em;
		font-size:.9em;
		color:#666;
		margin:0
	}
	p.image img {margin:0 0 .4em 0}
	p.image span {
		display:block;
		text-align:left
	}
	p.image abbr {border:none}
	.object-center p.image span {margin:0 auto}
/* ---------------------------------------------------------------------- Tableaux */
	#contenu table {
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
		margin:0 0 1.7em 0
	}
	th {text-align:left}
	#contenu table td,
	#contenu table th {
		vertical-align:top;
		padding:.5em .7em
	}
/* ------------------------------------------------------------ Tableau de données */
	.tableau_donnees {
		border-top:.1em solid #ccc;
		border-right:.1em solid #ccc
	}
	.tableau_donnees p {margin-bottom:0}
	.tableau_donnees p.accessiform {margin-bottom:1em}
	.tableau_donnees caption {
		text-align:left;
		font-weight:bold;
		padding:0 0 .6em 0
	}
	.tableau_donnees th {
		background:#e7e7e7;
		border-bottom:.1em solid #ccc;
		border-left:.1em solid #ccc
	}
	.tableau_donnees th.taille01 {width:25%}
	.tableau_donnees th.taille02 {width:20%}
	.tableau_donnees th.taille03 {width:15%}
	.tableau_donnees td {
		border-bottom:.1em solid #ccc;
		border-left:.1em solid #ccc
	}
	.tableau_donnees tr.alterne {background:#f6f6f6}
	.tableau_donnees.triable tr.alterne {background:none}
	.tableau_donnees tr:hover,
	.tableau_donnees tr.alterne:hover {background:#f0f0f0}
/* -------------------------------------------------- Forum */
	.tableau_donnees tr.epingle {background:#fefede}
/* ------------------------------------------------------------ Triable */
	#contenu .header a {
		color:#000;
		background:url('../images/background/sprites01.gif') no-repeat left -647px;
		padding:0 0 0 15px;
		text-decoration:none
	}
	#contenu .header a:hover,
	#contenu .header a:focus,
	#contenu .header a:active {text-decoration:underline}
	#contenu table tr th.headerSortDown {background:#f2f2f2}
	#contenu .headerSortDown a {background-position:left -694px}
/* ------------------------------------------------------------ Graphique */
	#contenu .visualize {
		position:relative;
		border:1px solid #888;
		background:#fafafa
	}
	#contenu .visualize canvas {position: absolute}
	#contenu .visualize ul {overflow:visible}
	#contenu .visualize ul,
	#contenu .visualize li {
		background:0;
		padding:0;
		margin:0
	}
	#contenu .visualize .visualize-info {
		position:absolute;
		top:-20px;
		right:10px;
		border:1px solid #888;
		background:#fafafa;
		padding:3px 5px;
		opacity:.8;
	}
	#contenu .visualize .visualize-title {
		display:block;
		font-size:1.1em;
		color:#333;
		margin-bottom:3px
	}
	#contenu .visualize ul.visualize-key li {
		position:relative;
		float:left;
		margin-right:10px;
		padding-left:10px
	}
	#contenu .visualize ul.visualize-key .visualize-key-color {
		position:absolute;
		left:0;
		top:50%;
		width:6px;
		height:6px;
		margin-top:-3px
	}
	#contenu .visualize ul.visualize-key .visualize-key-label {color:#000}
	/*pie labels*/
	#contenu .visualize-pie .visualize-labels {list-style:none}
	#contenu .visualize-pie .visualize-label-pos,
	#contenu .visualize-pie .visualize-label {
		position:absolute;
		margin:0;
		padding:0
	}
	#contenu .visualize-pie .visualize-label {
		display:block;
		color:#fff;
		font-weight:bold;
		font-size:1em
	}
	#contenu .visualize-pie-outside .visualize-label {
		color:#000;
		font-weight:normal
	}
	#contenu .visualize-labels-x,
	#contenu .visualize-labels-y {
		position:absolute;
		left:0;
		top:0;
		list-style:none
	}
	#contenu .visualize-labels-x li,
	#contenu .visualize-labels-y li {
		position:absolute;
		bottom:0
	}
	#contenu .visualize-labels-x li span.label,
	#contenu .visualize-labels-y li span.label {
		position:absolute;
		color:#555
	}
	#contenu .visualize-labels-x li span.line,
	#contenu .visualize-labels-y li span.line {
		position:absolute;
		border:0 solid #ccc
	}
	#contenu .visualize-labels-x li {height: 100%}
	#contenu .visualize-labels-x li span.label {
		top:100%;
		margin-top:5px
	}
	#contenu .visualize-labels-x li span.line {
		border-left-width:1px;
		height:100%;
		display:block
	}
	#contenu .visualize-labels-x li span.line {border:0} /*hide vertical lines on area, line, bar*/
	#contenu .visualize-labels-y li {width:100%}
	#contenu .visualize-labels-y li span.label {
		display:block;
		right:100%;
		width:100px;
		text-align:right;
		margin-right:5px
	}
	#contenu .visualize-labels-y li span.line {
		border-top-width:1px;
		width:100%
	}
	#contenu .visualize-bar .visualize-labels-x li span.label {
		width:100%;
		text-align:center
	}
/* -------------------------------------------------- Thème "Vanilla" */
	#contenu .visualize {
		overflow:hidden;
		border:1px solid #ddd;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		border-radius:12px;
		background:#ccc url(../images/background/chartbg-vanilla.png) top repeat-x;
		padding:70px 40px 90px;
		margin:3em 0
	}
	#contenu .visualize canvas {
		border:1px solid #aaa;
		background:#fff;
		margin:-1px
	}
	#contenu .visualize-labels-x,
	#contenu .visualize-labels-y {
		top:70px;
		left:40px;
		z-index:100
	}
	#contenu .visualize-pie .visualize-labels {
		position:absolute;
		top:70px;
		left:40px
	}
	#contenu .visualize-labels-x li span.label,
	#contenu .visualize-labels-y li span.label {padding-right:5px}
	#contenu .visualize-labels-y li span.line {
		border-style:solid;
		opacity:.7
	}
	#contenu .visualize .visualize-info {
		position:static;
		border:0;
		background:none;
		opacity:1
	}
	#contenu .visualize .visualize-title {
		position:absolute;
		top:20px;
		left:20px;
		line-height:1.3em;
		font-size:1.5em;
		font-weight:bold;
		margin-bottom:0
	}
	#contenu .visualize ul.visualize-key {
		position:absolute;
		left:0;
		bottom:15px;
		width:100%;
		color:#aaa;
		background:#eee;
		padding:10px 0;
		z-index:10
	}
	#contenu .visualize ul.visualize-key li {
		font-size:1.2em;
		padding-left:18px;
		margin-left:20px
	}
	#contenu .visualize ul.visualize-key .visualize-key-color {
		width:10px;
		height:10px;
		margin-top:-4px
	}
	#contenu .visualize ul.visualize-key .visualize-key-label {color:#333}
/* ---------------------------------------------------------------------- Citations */
	q {
		quotes:none;
		font-style:italic;
		padding:0 .2em
	}
	q:before,
	q:after {content:""}
	#contenu blockquote {
		overflow:hidden;
		background:#f0f0f0 url('../images/background/citation01.png') no-repeat 97% 1em;
		padding:1.3em 5em 0 1.5em;
		margin:0 0 1.7em 0
	}
/* ---------------------------------------------------------------------- Fichiers en téléchargement */
	a.fichier {
		background-image:url('../images/background/sprites01.gif');
		background-repeat:no-repeat;
		padding:1px 0 1px 24px;
		text-decoration:none
	}
	span.metas {
		font-size:.8em;
		color:#666
	}
	a.ms-excel {background-position:left top}
	a.msword {background-position:left -50px}
	a.pdf {background-position:left -100px}
	a.plain {background-position:left -150px}
	a.octet-stream {background-position:left -200px}
	a.rtf {background-position:left -250px}
	a.zip {background-position:left -300px}
	a.text {background-position:left -350px}
	a.spreadsheet {background-position:left -400px}
	a.vcard {
		background-position:left -448px;
		padding-left:26px
	}
/* ---------------------------------------------------------------------- Mises en avant */
	.mise_en_avant,
	.mise_en_avant01,
	.mise_en_avant02 {
		overflow:hidden;
		background:#f0f0f0;
		padding:1.3em 1.5em 0 1.5em;
		margin:0 0 1.7em 0
	}
	.mise_en_avant01 {
		float:left;
		width:35%;
		margin-right:1.7em
	}
	.mise_en_avant02 {
		float:right;
		width:35%;
		margin-left:1.7em
	}
	p.mise_en_avant {padding-bottom:1.5em}
/* ---------------------------------------------------------------------- Commentaires */
	.commentaires {margin:3em 0 1.7em 0}
	dl.commentaires {margin:0}
	dl.commentaires dt {margin:1.7em 0 .5em 0}
	dl.commentaires dd {margin:0 0 1.7em 0}
	#contenu dl.commentaires blockquote {margin-bottom:.4em}
	dl.commentaires dl {padding-left:5em}
	#contenu dl.commentaires dl blockquote {
		background-image:url('../images/background/citation02.png');
		background-color:#f5f5f5
	}
	#contenu dl.commentaires dl dl {font-size:1em}
	#contenu dl.commentaires dl dl blockquote {
		background-image:url('../images/background/citation03.png');
		background-color:#f9f9f9
	}
/* ---------------------------------------------------------------------- Extraits */
	.extraits {
		clear:both;
		border-bottom:.1em dashed #ccc;
		margin:2em 0 1.7em 0
	}
	.extrait {
		overflow:hidden;
		border-top:.1em dashed #ccc;
		background:#f9f9f9;
		padding:1.2em 1.4em 1.4em 1.4em
	}
	.extrait.alterne {background:none}
	.extrait img {
		float:left;
		margin:0 1.5em 0 0
	}
	#contenu .extrait h2 {font-size:1.7em}
	#contenu .extrait h2 a,
	#contenu .extrait h3 a {text-decoration:none}
	#contenu .extrait h2 a:hover,
	#contenu .extrait h2 a:focus,
	#contenu .extrait h2 a:active,
	#contenu .extrait h3 a:hover,
	#contenu .extrait h3 a:focus,
	#contenu .extrait h3 a:active {text-decoration:underline}
	.extrait h2 span {
		font-size:.8em;
		font-weight:normal;
		color:#555
	}
	.extrait h2 span span {font-size:1em}
	.extrait div {overflow:hidden}
	.extrait p {margin:0 0 .7em 0}
	.extrait p.metas {
		background:none;
		padding:0
	}
	.extrait p img {
		float:none;
		margin:0
	}
	/*#contenu a.lien_continuation {
		font-size:1em;
		color:#e43664;
		text-transform:uppercase;
		background:url('../images/background/lien_conti01.gif') no-repeat right center;
		padding-right:15px;
		float:right;
		text-decoration:none
	}*/
/* ---------------------------------------------------------------------- Navigation */
	div.navigation {
		clear:both;
		overflow:hidden;
		text-align:center;
		margin:0 0 1.7em 0
	}
	#contenu div.navigation a,
	div.navigation strong,
	div.navigation span {
		display:inline-block;
		color:#fff;
		border:.1em solid #E43664;
		background-color:#E43664;
		background-repeat:no-repeat;
		padding:.2em .8em;
		margin:0 0 .6em 0;
		text-decoration:none;
		-webkit-transition:background-color 0.2s ease-in-out;
		-moz-transition:background-color 0.2s ease-in-out;
		-o-transition:background-color 0.2s ease-in-out;
		transition:background-color 0.2s ease-in-out
	}
	#contenu div.navigation a:hover,
	#contenu div.navigation a:focus,
	#contenu div.navigation a:active,
	#contenu div.navigation strong {
		border-color:#4f4f4f;
		background-color:#4f4f4f
	}
	div.navigation ul span {
		color:#555;
		border:0;
		padding:0
	}
	#contenu div.navigation a.precedent {
		float:left;
		background-image:url('../images/background/sprites01.gif');
		background-position:10px -839px;
		padding-left:1.8em
	}
	#contenu div.navigation a.suivant {
		float:right;
		background-image:url('../images/background/sprites01.gif');
		background-position:right -939px;
		padding-right:1.8em
	}
	#contenu div.navigation ol {
		overflow:visible;
		padding:0;
		margin:0
	}
	#contenu div.navigation li {
		display:inline;
		background:none;
		padding:0;
		margin:0 .5em
	}
	#contenu div.navigation li a:hover,
	#contenu div.navigation li a:focus,
	#contenu div.navigation li a:active {text-decoration:overline}
/* ------------------------------------------------------------ Glossaire */
	#contenu div.glossaire li {
		margin-left:.2em;
		margin-right:0
	}
	div.glossaire span {
		color:#777;
		background:#fff;
		border:.1em solid #ccc
	}
/* ---------------------------------------------------------------------- Plan du site */
/* ------------------------------------------------------------ Premier niveau */
	#contenu #plan_site li {
		font-size:1.3em;
		background-image:url('../images/background/puce01.png');
		background-position:left .4em;
		padding-left:20px;
		margin-bottom:.7em
	}
	#plan_site a {
		color:#505050;
		text-decoration:none
	}
	#plan_site a:hover,
	#plan_site a:focus,
	#plan_site a:active {
		color:#8c2321;
		text-decoration:underline
	}
/* ------------------------------------------------------------ Second niveau */
	#contenu #plan_site ul {
		padding-left:2em;
		margin-top:.4em
	}
	#contenu #plan_site ul li {
		font-size:.8em;
		background-image:url('../images/background/puce02.png');
		background-position:left .6em;
		padding-left:17px;
		margin-bottom:.2em
	}
/* ------------------------------------------------------------ Troisième niveau */
	#contenu #plan_site ul ul {margin-top:.3em}
	#contenu #plan_site ul ul li {
		font-size:.9em;
		background-image:url('../images/background/puce03.png');
		background-position:left .7em;
		padding-left:14px;
		margin-bottom:.1em
	}
/* ---------------------------------------------------------------------- Partager */
	.partager {
		overflow:hidden;
		clear:both;
		margin:1em 0 0 0
	}
	#global .partager ul {
		overflow:hidden;
		/*border:.1em dashed #ccc;*/

		background:#fff;
		border-top:2px solid #e43664;
		border-left:1px solid #d4d4d4;
		border-right:1px solid #d4d4d4;
		border-bottom:1px solid #d4d4d4;
		padding:1.4em 1.5em 1.3em 1.5em
	}
	#global .partager li {
		float:left;
		width:25%;
		text-transform:capitalize;
		background:none;
		padding:0;
		margin:0
	}
	#global .partager img {
		vertical-align:middle;
		margin:0 .3em 0 0
	}
	#global .partager a {
		color:#505050;
		text-decoration:none
	}
	#global .partager a:hover span,
	#global .partager a:focus span,
	#global .partager a:active span {
		color:#8c2321;
		text-decoration:underline
	}
/* ---------------------------------------------------------------------- Outils */
	.decal01 { margin-top:40px; }
	#global .outils {
		clear:both;
		padding:0
	}
	#global .outils li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	#global .outils a {
		color:#505050;
		background-image:url('../images/background/outils.gif');
		background-repeat:no-repeat;
		margin:0 3.9em 0 0;
		padding:0 0 0 22px;
		text-decoration:none
	}
	.outils a.generer_pdf {background-position:left 2px}
	.outils a.suggerer {background-position:left -48px}
	.outils a.imprimer {background-position:left -98px}
	#global .outils a.haut_page {
		background-position:left -148px;
		margin-right:0
	}
	#global .outils a:hover,
	#global .outils a:focus,
	#global .outils a:active {
		color:#8c2321;
		text-decoration:underline
	}
	.outils abbr {border:0}




/************************************************************************
*
*	F O R M U L A I R E
*
*************************************************************************/

	.text-placeholder {color:#505050}
/* ---------------------------------------------------------------------- Autocomplétion */
	.yui-ac-content {
		overflow:auto;
		overflow-y:hidden;
		position:absolute;
		width:100%;
		border:.1em solid #ccc;
		background:#fff;
		z-index:9050;
	}
	.yui-ac-shadow {
		position:absolute;
		width:100%;
		background:#000;
		-moz-opacity:.10;
		opacity:.10;
		filter:alpha(opacity = 10);
		margin:.3em;
		z-index:9049;
	}
	.yui-ac-content ul,
	#contenu .yui-ac-content ul {
		padding:0;
		margin:0
	}
	.yui-ac-content li,
	#contenu .yui-ac-content li {
		background:none;
		padding:.2em .5em;
		cursor:pointer;
	}
	.yui-ac-content li.yui-ac-prehighlight,
	#contenu .yui-ac-content li.yui-ac-prehighlight, {background:#bababa}
	.yui-ac-content li.yui-ac-highlight,
	#contenu .yui-ac-content li.yui-ac-highlight {background:#eaeaea}
/* ---------------------------------------------------------------------- Étapes */
	#contenu #etapes {
		border-top:1px dashed #ccc;
		border-bottom:1px dashed #ccc;
		background:#f0f0f0;
		padding:0 0 0 2em;
		margin:0 0 1.7em 0
	}
	#contenu #etapes li {
		float:left;
		display:inline;
		background:url('../images/background/puce04.png') no-repeat right center;
		padding:1em 50px 1em 0;
		margin:0 1.5em 0 0
	}
	#contenu #etapes li.dernier {
		background:none;
		padding-right:0
	}
/* ------------------------------------------------------------ Étapes courante et désactivée */
	#contenu #etapes li strong,
	#contenu #etapes li span {
		display:block;
		color:#505050;
		border:1px solid;
		background:#fff;
		padding:.25em .8em
	}
	#contenu #etapes li span {
		color:#fff;
		border-color:#d5d4d4;
		background:#d5d4d4
	}
/* ---------------------------------------------------------------------- Messages d'erreur */
	.warning {color:#d90000}
	#messages_erreur {
		overflow:hidden;
		border:.1em dashed #d90000;
		background:#fff9f9;
		padding:1.5em 1.5em 0 1.5em;
		margin:0 0 1.7em 0
	}
/* ---------------------------------------------------------------------- Accessiform */
	.accessiform {overflow:hidden}
	.accessiform.espacement {margin-bottom:3em}
	.accessiform p {
		float:left;
		margin:.5em 1em 1.5em 1em
	}
	.accessiform p.accessiform {float:none}
/* ------------------------------------------------------------ Label */
	p.accessiform label {
		display:block;
		float:left;
		width:45%;
		text-align:right;
		padding:.15em .7em 0 0
	}
	#annuaire-form p.accessiform label {
		float:none;
		text-align:left
	}
/* -------------------------------------------------- Gestion des erreurs */
	.accessiform label img {vertical-align:middle}
/* -------------------------------------------------- Aide à la saisie */
	.accessiform span.infos {
		display:block;
		font-size:.9em;
		color:#777
	}
/* ------------------------------------------------------------ Champs */
	.accessiform input,
	.accessiform textarea,
	.accessiform select {
		float:left;
		font-size:1em;
		border:.1em solid #bbb;
		background:#f7f7f7;
		padding:.35em 0 .4em .4em;
		-webkit-box-shadow:inset 4px 4px 4px #e9e9e9;
		-moz-box-shadow:inset 4px 4px 4px #e9e9e9;
		box-shadow:inset 4px 4px 4px #e9e9e9;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out
	}
	.accessiform input:hover,
	.accessiform textarea:hover,
	.accessiform select:hover {background:#fcfcfc}
	.accessiform input:focus,
	.accessiform textarea:focus,
	.accessiform select:focus {
		background:#fff;
		outline:none;
		-webkit-box-shadow:inset 0 0 0 #e9e9e9;
		-moz-box-shadow:inset 0 0 0 #e9e9e9;
		box-shadow:inset 0 0 0 #e9e9e9
	}
/* -------------------------------------------------- Texte */
	input.taille_1 {width:4em}
	input.taille_2 {width:8em}
	input.taille_3 {width:11em}
	input.taille_4 {width:16em}
	input.taille_5 {width:20em}
	div.accessiform input,
	div.accessiform select {
		float:none;
		margin:0 .5em
	}
/* -------------------------------------------------- Select */
	.accessiform select {
		padding:0;
		margin:.3em 0 0 0
	}
	.accessiform select optgroup,
	.accessiform select option {padding:0 .4em}
/* -------------------------------------------------- Textarea */
	.accessiform textarea {
		width:20em;
		height:11em
	}
	.accessiform input.checkbox {
		border:none;
		margin:.6em 0 0 0
	}
/* -------------------------------------------------- Champs "Parcourir" */
	.accessiform input.champ_upload {
		width:20em;
		-webkit-box-shadow:inset 0 0 0 #fff;
		-moz-box-shadow:inset 0 0 0 #fff;
		box-shadow:inset 0 0 0 #fff
	}
/* -------------------------------------------------- Inactif */
	p.accessiform input.inactif,
	p.accessiform textarea.inactif {background:none}
/* -------------------------------------------------- Gestion des erreurs */
	p.erreur input,
	p.erreur textarea,
	p.erreur select,
	fieldset.accessiform.erreur {border-color:#d90000}
/* ------------------------------------------------------------ Fieldset */
	fieldset.accessiform {
		overflow:hidden;
		border:1px dashed #ccc;
		padding:0;
		margin:0 0 1.7em 0
	}
	.accessiform legend {
		background:#fff;
		padding:0 .5em;
		white-space:normal
	}
	.accessiform legend span.legend {
		display:block;
		font-weight:bold;
		padding:0 0 1.5em 0
	}
/* -------------------------------------------------- Boutons radio et checkbox */
	#contenu .accessiform ul {
		line-height:normal;
		padding:0;
		margin:0 0 1em 0
	}
	#contenu .accessiform li {
		float:left;
		background:none
	}
	#contenu .accessiform .vertical li {clear:both}
	.accessiform li label {
		float:left;
		margin:0 2.3em .7em .5em
	}
	.accessiform li input {
		border:0;
		padding:0
	}
/* ---------------------------------------- Préciser */
	#contenu p.preciser {
		clear:both;
		float:none;
		margin:0
	}
	fieldset.accessiform li p.preciser label {
		line-height:2em;
		margin:0 .7em 0 0
	}
	p.preciser input {
		border:.1em solid #bbb;
		padding:.35em 0 .4em .4em
	}
/* ------------------------------------------------------------ Liens */
	p.accessiform a.lien {
		display:inline-block;
		font-size:.9em;
		padding:.3em 0 0 1em;
		margin:0 0 0 45%
	}
/* ---------------------------------------------------------------------- Datepicker */
	p.accessiform a.dp-choose-date img {margin:.3em 0 0 .7em}
/* ------------------------------------------------------------ Popup */
	div.dp-popup {
		position:relative;
		background:#eee;
		padding:1em;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-webkit-box-shadow:1px 1px 1px 1px rgba(153, 153, 153, 0.7);
		-moz-box-shadow:1px 1px 1px 1px rgba(153, 153, 153, 0.7);
		box-shadow:1px 1px 1px 1px rgba(153, 153, 153, 0.7)
	}
	div#dp-popup {
		position:absolute;
		z-index:1
	}
	div.dp-popup h2 {
		text-align:center;
		font-size:1.3em;
		margin:0 0 .5em 0
	}
	a#dp-close {
		display:block;
		text-align:center;
		padding:.3em 0
	}
	a#dp-close:hover {text-decoration:underline}
	div.dp-popup a {padding:.3em 0}
	div.dp-popup div.dp-nav-prev,
	div.dp-popup div.dp-nav-next {
		position:absolute;
		top:4px;
		width:100px
	}
	div.dp-popup div.dp-nav-prev {left:10px}
	div.dp-popup div.dp-nav-next {right:10px}
	div.dp-popup div.dp-nav-prev a {float:left}
	div.dp-popup div.dp-nav-prev a,
	div.dp-popup div.dp-nav-next a {cursor:pointer}
	div.dp-popup div.dp-nav-prev a.disabled,
	div.dp-popup div.dp-nav-next a.disabled {cursor:default}
	div.dp-popup div.dp-nav-next a {float:right}
	div.dp-popup a.disabled {
		color:#aaa;
		cursor:default
	}
	div.dp-popup td {cursor:pointer}
	div.dp-popup td.disabled {cursor:default}
/* ------------------------------------------------------------ Calendrier */
	table.jCalendar {background:#bbb}
	table.jCalendar th {
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
		color:#fff;
		background:#333;
		padding:.1em
	}
	table.jCalendar td {
		text-align:center;
		background:#ccc;
		padding:.1em .5em
	}
	table.jCalendar td.other-month {
		color:#aaa;
		background:#ddd
	}
	table.jCalendar td.today {
		color:#fff;
		background:#666
	}
	table.jCalendar td.selected {
		color:#000;
		background:#fff;
	}
	table.jCalendar td.selected:hover {
		color:#fff;
		background:#000
	}
	table.jCalendar td:hover,
	table.jCalendar td.dp-hover {
		color:#000;
		background:#fff
	}
	table.jCalendar td.disabled,
	table.jCalendar td.disabled:hover {
		color:#888;
		background:#bbb
	}
/* ---------------------------------------------------------------------- Prévisualisation */
	#previsualisation {
		border-top:.1em dashed #ccc;
		margin:0 0 1.7em 0
	}
	div.previsualisation {
		border-bottom:.1em dashed #ccc;
		background:#f0f0f0;
		padding:1.3em 2em
	}
	div.previsualisation.alterne {background:none}
/* ---------------------------------------------------------------------- Boutons */
	input.bouton {
		font-size:1em;
		color:#fff;
		border:0;
		background:#E43664;
		padding:.5em .7em;
		cursor:pointer;
		-webkit-transition:background 0.2s ease-in-out;
		-moz-transition:background 0.2s ease-in-out;
		-o-transition:background 0.2s ease-in-out;
		transition:background 0.2s ease-in-out
	}
	input.bouton.secondaire {background:#777}
	input.bouton:hover,
	input.bouton:focus,
	input.bouton:active,
	input.bouton.secondaire:hover,
	input.bouton.secondaire:focus,
	input.bouton.secondaire:active {background:#4f4f4f}
	div.boutons {
		overflow:hidden;
		padding:0 0 1.7em 45%;
		margin:0 0 0 .7em
	}
	#contenu input.bouton {margin:0 .4em 0 0}
	#contenu input.dernier {margin-right:0}




/************************************************************************
*
*	F O N C T I O N N A L I T É S
*
*************************************************************************/

/* ---------------------------------------------------------------------- Notation */
/* ------------------------------------------------------------ Avec JavaScript */
	#contenu ul.star-rating,
	#contenu ul.star-rating li a:hover,
	#contenu ul.star-rating li a:focus,
	#contenu ul.star-rating li a:active,
	#contenu ul.star-rating li.current-rating {background:url('../images/background/stars24.png') left -1000px repeat-x}
	#contenu ul.star-rating {
		overflow:hidden;
		position:relative;
		width:120px;
		height:24px;
		line-height:normal;
		background-position:left top;
		padding:0;
		margin:.5em 0 1.7em 0
	}
	#contenu ul.star-rating li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	#contenu ul.star-rating li a,
	#contenu ul.star-rating li.current-rating {
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
		text-indent:-1000em;
		height:24px;
		line-height:24px;
		border:none;
		outline:none
	}
	#contenu ul.star-rating li a:hover,
	#contenu ul.star-rating li a:focus,
	#contenu ul.star-rating li a:active,
	#contenu ul.star-rating li a.focus {background-position:left center}
	#contenu ul.star-rating li.current-rating {
		background-position: left bottom;
		z-index:1
	}
	.inline-rating {
		display:-moz-inline-block;
		display:-moz-inline-box;
		display:inline-block;
		vertical-align:middle
	}
/* ------------------------------------------------------------ Sans JavaScript */
	#contenu ul.notation {padding:0}
	#contenu ul.notation li {
		display:inline;
		background:none;
		padding:0;
		margin:0 .6em 0 0
	}
	#contenu ul.notation a {
		display:inline-block;
		background:#8c2321;
		color:#fff;
		padding:.1em .7em;
		text-decoration:none
	}
	#contenu ul.notation a:hover,
	#contenu ul.notation a:focus,
	#contenu ul.notation a:active {text-decoration:overline}
/* ---------------------------------------------------------------------- Recherche */
/* ------------------------------------------------------------ Aide */
	#recherche_aide {
		float:right;
		width:43%;
		border:.1em dashed #ccc;
		padding:1em 1.5em;
		margin:.8em 0 0 1.7em;
	}
	#recherche_aide ul {
		padding:0;
		margin:0;
	}
/* ------------------------------------------------------------ Facettes */
	#facettes {
		overflow:hidden;
		background:#f0f0f0;
		padding:1em
	}
	#facettes h4 a {
		background:url('../images/background/sprites01.gif') no-repeat left -740px;
		padding:0 0 0 18px;
		text-decoration:none
	}
	#facettes h4 a:hover,
	#facettes h4 a:focus,
	#facettes h4 a:active {text-decoration:underline}
	#facettes h4.ui-state-active a {
		color:#505050;
		background-position:left -689px;
		cursor:text
	}
	#facettes h4.ui-state-active a:hover,
	#facettes h4.ui-state-active a:focus,
	#facettes h4.ui-state-active a:active {text-decoration:none}
	#facettes ul {margin:0 0 .5em 0}
/* ---------------------------------------------------------------------- Galerie */
/* ------------------------------------------------------------ Simple */
	#contenu ul#gallery {
		clear:both;
		padding:1em 0 0 0;
		margin:0
	}
	#contenu ul#gallery li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	ul#gallery li a {text-decoration:none}
	ul#gallery li img {
		vertical-align:bottom;
		border:.1em solid #e9e9e9;
		padding:.8em;
		margin:0 1.5em 1.5em 0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		-webkit-transition:background-color 0.2s ease-in-out;
		-moz-transition:background-color 0.2s ease-in-out;
		-o-transition:background-color 0.2s ease-in-out;
		transition:background-color 0.2s ease-in-out
	}
	ul#gallery li a:hover img,
	ul#gallery li a:focus img,
	ul#gallery li a:active img {background:#f0f0f0}
/* ------------------------------------------------------------ Carrousel */
/* -------------------------------------------------- Navigation */
	.jcarousel-container {
		width:100%;
		padding:0
		margin:0 0 1.7em 0
	}
/* ---------------------------------------- Boutons */
	.jcarousel-prev,
	.jcarousel-next {
		position:absolute;
		top:35px;
		cursor:pointer
	}
	.jcarousel-prev {left:0}
	.jcarousel-next {right:0}
	.jcarousel-prev-disabled img,
	.jcarousel-next-disabled img {display:none}
/* ---------------------------------------- Liste */
	#diaporama_nav {
		overflow:hidden;
		clear:both;
		margin:2.5em 0 1em 0
	}
	#contenu #diaporama_nav ul {
		height:120px;
		padding:0;
		margin:0
	}
	#contenu #diaporama_nav li {
		background:none;
		padding:0;
		margin:0
	}
	#diaporama_nav li a img {
		display:block;
		border:.1em solid #fff;
		padding:.7em;
		margin:0 23px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out
	}
	#diaporama_nav li a:hover img,
	#diaporama_nav li a:focus img,
	#diaporama_nav li a:active img,
	#diaporama_nav li.ui-tabs-selected img {
		border-color:#e9e9e9;
		background:#f0f0f0
	}
	#diaporama_nav li.ui-tabs-selected a {cursor:default}
/* -------------------------------------------------- Zoom */
	div#gallery {
		overflow:hidden;
		zoom:1;
		clear:both;
		border:1px solid #e9e9e9;
		background:#f0f0f0;
		padding:2.3em 0 0 0;
		margin:0 0 1em 0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px
	}
	div#gallery p {
		padding:0 30px;
		margin-left:auto;
		margin-right:auto
	}
	div#gallery p img {margin:0 0 .5em 0}
/* ---------------------------------------------------------------------- Agenda */
/* ------------------------------------------------------------ Filtres */
	#filtre_agenda-showhide {
		clear:both;
		text-align:right;
		margin:0
	}
	#filtre_agenda-showhide a.lien_continuation {
		color:#555;
		background:#f7f7f7;
	}
	#filtre_agenda-showhide img {margin:0 .2em}
	#filtre_agenda {
		overflow:hidden;
		clear:both;
		float:right;
		width:35%;
		background:#f7f7f7;
		padding:1em 3% 0 2%;
		margin:0 0 1.7em 0
	}
/* -------------------------------------------------- Par date */
	p.nav_mois {
		overflow:hidden;
		text-align:center;
		border:.1em solid #ccc;
		border-bottom:0;
		background:#fff;
		padding:.4em 0 .4em 8px;
		margin:0 1px 0 0
	}
	p.nav_mois a {background-repeat:no-repeat}
	#contenu p.nav_mois a {text-decoration:none}
	#contenu p.nav_mois a:hover,
	#contenu p.nav_mois a:focus,
	#contenu p.nav_mois a:active {text-decoration:underline}
	p.nav_mois a.precedent {
		float:left;
		background-image:url('../images/background/sprites01.gif');
		background-position:left -791px;
		padding:0 0 0 11px
	}
	p.nav_mois abbr {border:0}
	p.nav_mois a.suivant {
		float:right;
		background-image:url('../images/background/sprites01.gif');
		background-position:right -891px;
		padding:0 20px 0 0
	}
/* ---------------------------------------- Calendrier */
	table.calendrier {
		table-layout:fixed;
		text-align:center;
		font-size:.9em
	}
/* ------------------------------ Entêtes */
	#contenu table.calendrier th {
		text-align:center;
		background:#f2f2f2;
		border:.1em solid #ccc;
		padding:.2em 0
	}
	table.calendrier th abbr {border:0}
/* ------------------------------ Cellules */
	#contenu table.calendrier td {
		border:.1em solid #ccc;
		background:#fff;
		padding:0
	}
	table.calendrier a,
	table.calendrier strong,
	table.calendrier span {
		display:block;
		padding:.2em .3em
	}
/* -------------------- Jour J */
	table.calendrier td.jour_j span,
	table.calendrier td.jour_j a {background:url('../images/background/motif01.gif')}
/* -------------------- Jours avec événement */
	#contenu table.calendrier td a {
		font-weight:bold;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out
	}
	table.calendrier td a:hover,
	table.calendrier td a:focus,
	table.calendrier td a:active,
	table.calendrier td strong,
	table.calendrier td.jour_j a:hover,
	table.calendrier td.jour_j a:focus,
	table.calendrier td.jour_j a:active {
		color:#fff;
		background:#8c2321
	}
	table.calendrier td strong {font-style:italic}
/* -------------------------------------------------- Par critères de recherche */
	#filtre_agenda label {
		display:inline;
		float:none;
		width:auto;
		text-align:left
	}
	#filtre_agenda span.infos {display:inline}
	#filtre_agenda p.accessiform input {
		float:left;
		margin:.4em 0 0 0
	}
	#filtre_agenda a.dp-choose-date img {
		float:left;
		margin-top:.9em
	}
/* ------------------------------------------------------------ Événements */
	#evenements {
		float:left;
		width:55%;
		padding:0 5% 0 0
	}
	#evenements.sans_filtre {
		width:100%;
		padding-right:0
	}
	#evenements .extraits {margin-top:0}
/* ---------------------------------------------------------------------- Fiches */
/* ------------------------------------------------------------ Détail */
	div.fiche {
		overflow:hidden;
		clear:both;
		background:#f0f0f0;
		padding:1.5em 1.5em 1em 1.5em;
		margin:0 0 1.7em 0
	}
/* ------------------------------------------------------------ Navigation */
	#contenu ul.fiches_navigation {
		padding:0;
		margin:0 0 3em 0
	}
	#contenu ul.fiches_navigation li {
		background:none;
		padding:0;
		margin:0
	}
	ul.fiches_navigation img {
		float:left;
		margin:0 1em 0 0
	}
	ul.fiches_navigation a {
		float:left;
		width:14.5em;
		min-height:5em;
		border-right:.1em solid #fff;
		border-bottom:.1em solid #fff;
		background:#f0f0f0;
		padding:1em
	}
	#contenu ul.fiches_navigation li.ui-tabs-selected a {
		color:#000;
		text-decoration:none;
		cursor:text;
		opacity:.5
	}
	ul.fiches_navigation a:hover,
	ul.fiches_navigation a:focus,
	ul.fiches_navigation a:active {background:#f5f5f5}
	#contenu ul.fiches_navigation li.ui-tabs-selected a {background-color:#f9f9f9}
/* ---------------------------------------------------------------------- Géolocalisation */
	div.carte_google {
		width:98%;
		height:25em;
		border:.1em solid #999;
		margin:0 0 1em 0
	}
/* ---------------------------------------------------------------------- FAQ */
	#faq {
		clear:both;
		border-bottom:1px dashed #ccc
	}
	#faq h2 {
		border-top:1px dashed #ccc;
		padding-top:.3em
	}
	#faq h2 a {
		background:url('../images/background/sprites01.gif') no-repeat left -740px;
		padding:0 0 0 14px;
		text-decoration:none
	}
	#faq h2 a:hover,
	#faq h2 a:focus,
	#faq h2 a:active {text-decoration:underline}
	#faq h2.ui-state-active a {
		color:#555;
		background-position:left -689px;
		cursor:text
	}
	#faq h2.ui-state-active a:hover,
	#faq h2.ui-state-active a:focus,
	#faq h2.ui-state-active a:active {text-decoration:none}
/* ---------------------------------------------------------------------- Sondage */
	#contenu fieldset.sondage {clear:both}
	#contenu fieldset.sondage legend {
		white-space:normal;
		font-size:1.1em;
		font-weight:bold;
		color:#505050
	}
	#contenu fieldset.sondage legend span {
		display:block;
		width:583px;
		padding:0 0 .8em 0
	}
	#contenu fieldset.sondage li {clear:both}
	#contenu fieldset.sondage ul {
		border-bottom:.1em dashed #ccc;
		padding:0 0 1.3em 0;
		margin:0 0 1.7em 0
	}
	#contenu fieldset.sondage ul li {
		line-height:1.3em;
		background:none;
		padding:0;
		margin:0 0 1em 0
	}
	#contenu fieldset.sondage input {
		float:left;
		margin-right:.6em
	}
/* ------------------------------------------------------------ Résultats */
	#resultats_sondage {margin:0 0 3em 0}
	#resultats_sondage dt {
		font-size:1.1em;
		font-weight:bold;
		margin:2em 0 1em 0;
	}
	#resultats_sondage dd {margin:0 0 .7em 2em}
	#contenu #resultats_sondage table {
		width:auto;
		margin:.3em 0 0 0;
	}
	#contenu #resultats_sondage td {
		border:1px solid #ccc;
		border-left:0;
		background:#ccc;
		padding:.5em 0;
	}
	#contenu #resultats_sondage td.complement {background:#fff}
/* ---------------------------------------------------------------------- Glossaire */
	#glossaire {
		border-top:.1em dashed #ccc;
		margin:0 0 1.7em 0
	}
	#glossaire dt {
		font-size:1.2em;
		font-weight:bold;
		background:#f9f9f9;
		margin:0;
		padding:.8em 1.4em
	}
	#glossaire dd {
		border-bottom:.1em dashed #ccc;
		background:#f9f9f9;
		padding:0 1.4em;
		margin:0
	}
	#glossaire dd p {margin-bottom:1em}
	#glossaire dt.alterne,
	#glossaire dd.alterne {background:none}
/* ---------------------------------------------------------------------- Délibérations */
	#contenu ul.deliberations {
		min-height:110px;
		background:url('../images/background/deliberations.png') no-repeat 10px 10px;
		padding:1em 0 0 140px
	}
	#contenu ul.deliberations li {
		float:left;
		width:30%;
		background:none;
		padding:0;
		margin:0 3% 1em 0
	}
	#contenu ul.deliberations span.metas {display:block}
/* ---------------------------------------------------------------------- Compte citoyen */
	.column {
		float:left;
		padding-bottom:100px;
		margin-top:10px
	}
	.portlet {margin:0 1em 1em 0}
	.portlet-header {padding:0.4em}
	.portlet-header .ui-icon {float:right}
	.portlet-content {
		font-size:.9em
		padding:0.4em 0.4em 1em 0.4em
	}
	.portlet-config {
		overflow:hidden;
		padding: 0.4em;
		margin:5px 0
	}
	.portlet-config span {
		display:block;
		float:left;
		margin:0 5px 0px 0
	}
	.ui-sortable-placeholder {
		visibility: visible !important;
		height: 50px !important;
		border:1px dashed #ccc
	}
	.ui-sortable-placeholder * {visibility:hidden}
	#widgetAdd {float:left}
	#addwidget {float:left}
	#switcher {float:right}
	a.ui-icon.ui-icon-trash {float:right}
	.portlet-content textarea {width:85%}
	.contenu .portlet-content ul {padding-left:10px}
	.portlet-content {
		overflow:hidden;
		zoom:1
	}
	.portlet-content span.date_publication {display:none}
/* ---------------------------------------------------------------------- Téléprocédures */
/* ------------------------------------------------------------ Onglets */
	#contenu #tp_onglets {
		padding:0;
		margin:1em 0 0 0
	}
	#contenu #tp_onglets li {
		background:none;
		padding:0;
		margin:0
	}
	#contenu #tp_onglets a,
	#contenu #tp_onglets li.ui-tabs-selected a {
		float:left;
		font-size:1.15em;
		font-weight:bold;
		background:#f0f0f0;
		padding:.5em 1em;
		margin:0 5px 0 0;
		border-bottom:2px solid #fff;
		text-decoration:none;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out
	}
	#contenu #tp_onglets a:hover,
	#contenu #tp_onglets a:focus,
	#contenu #tp_onglets a:active {background:#e5e5e5}
	#contenu #tp_onglets li.ui-tabs-selected a {
		color:#000;
		border-color:#e5e5e5;
		background:#e5e5e5;
		cursor:text
	}
/* ------------------------------------------------------------ Contenu des onglets */
	.tp_contenu-onglet {
		overflow:hidden;
		background:#f9f9f9;
		border:2px solid #e5e5e5;
		padding:1.5em 1.5em 0 1.5em;
		margin:0 0 1.7em 0
	}
/* -------------------------------------------------- Actions */
	.tp_actions {
		text-align:center;
		background:#fff;
		padding:.5em;
		margin:0 0 3em 0
	}
	.tp_actions a {
		background-repeat:no-repeat;
		background-position:left 1px;
		padding:0 0 0 24px;
		margin:0 2em 0 0
	}
	a.modif-infos {background-image:url('../images/background/picto05.png')}
	a.supprimer-compte {background-image:url('../images/background/picto04.png')}
/* -------------------------------------------------- Listes */
/* ---------------------------------------- 01 et 03 */
	#contenu ul.tp_liste01 {
		overflow:hidden;
		padding:0;
		margin-top:1em
	}
	#contenu ul.tp_liste01 li {margin-bottom:1.2em}
	ul.tp_liste01 span.emphase01 {font-size:.9em}
	ul.tp_liste01 form.type-ligne {display:inline}
	ul.tp_liste01 img,
	ul.tp_liste01 .type-ligne input,
	ul.tp_liste03 img,
	ul.tp_liste03 .type-ligne input {margin:0 0 0 .7em}
/* ---------------------------------------- 02 */
	#contenu ul.tp_liste02 {padding-top:.3em}
	#contenu ul.tp_liste02 li {background-position:left .7em}
	#contenu ul.tp_liste02 input.aspect_lien {
		border-color:#f9f9f9;
		-webkit-transition:border-color 0.2s ease-in-out;
		-moz-transition:border-color 0.2s ease-in-out;
		-o-transition:border-color 0.2s ease-in-out;
		transition:border-color 0.2s ease-in-out
	}
	#contenu ul.tp_liste02 input.aspect_lien:hover,
	#contenu ul.tp_liste02 input.aspect_lien:focus,
	#contenu ul.tp_liste02 input.aspect_lien:active {border-color:#000}
/* -------------------------------------------------- Extrait */
	div.extrait form.alignement02 {
		position:relative;
		margin-top:-2.7em
	}
/* ------------------------------------------------------------ Accordéons */
	div.accordeon_teleprocedures {padding:0 0 2em 0}
	#contenu div.accordeon_teleprocedures h3 {margin-top:1em}
	div.accordeon_teleprocedures a.ferme {
		background:url('../images/background/puce01.png') no-repeat left .5em;
		padding:0 0 0 23px
	}
	div.accordeon_teleprocedures a.ouvert {
		background:url('../images/background/puce05.png') no-repeat left .55em;
		padding:0 0 0 23px
	}
/* ---------------------------------------------------------------------- Réservation de ressources */
/* ------------------------------------------------------------ Disponibilité */
/* -------------------------------------------------- Légende */
	#contenu ul.legende {padding:0}
	#contenu ul.legende li {
		display:inline;
		background:none;
		padding:0;
		margin:0 5em 0 0
	}
	#contenu ul.legende img {margin:0 .5em 0 0}
/* -------------------------------------------------- Tableau */
	#disponibilites {
		table-layout:fixed;
		text-align:center
	}
	#disponibilites th {text-align:center}
/* ------------------------------------------------------------ Ligne de temps */
/* -------------------------------------------------- Heures */
	#contenu ul.heures {
		padding:0;
		margin:0 0 0 120px
	}
	#contenu ul.heures li {
		float:left;
		width:23px;
		background:none;
		padding:0
	}
/* -------------------------------------------------- Ressources */
	.ressource {
		float:left;
		width:120px
	}
	input.case {
		width:20px;
		height:20px
	}
/* -------------------------------------------------- Légende */
	.legende img {margin:0 .5em 0 3em}
/* ---------------------------------------------------------------------- Emploi du temps */
	#calendrier_resa {clear:both}
/* ------------------------------------------------------------ Agenda principal */
	#emploi-temps td {
		border:.1em solid #777;
		background:#dbdbdb
	}
	#emploi-temps td .dayofmonth {
		width:65px;
		min-height:71px;
		background:#fff;
		padding:.3em .5em
	}
	div.day {
		text-align:center;
		margin:0 0 .4em 0
	}
	div.day a,
	div.day span {
		color:#fff;
		background:#777;
		padding:.1em .3em;
		text-decoration:none
	}
	#contenu div.day a:hover,
	#contenu div.day a:focus,
	#contenu div.day a:active {text-decoration:overline}
	#contenu .dayofmonth ul {
		clear:both;
		line-height:1.4em;
		font-size:.9em;
		padding:0;
		margin:0
	}
	#contenu .dayofmonth ul li {
		border-bottom:1px dashed #ccc;
		background:none;
		padding:0 0 .4em 0;
		margin:0 0 .4em 0
	}
	#contenu .dayofmonth a {text-decoration:none}
	#contenu .dayofmonth a:hover,
	#contenu .dayofmonth a:focus,
	#contenu .dayofmonth a:active {text-decoration:underline}
/* ------------------------------------------------------------ Détail jour */
	#emploi-temps div.timetable {
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:0;
	}
	#emploi-temps .timetable .bglight {
		color:#555;
		background:#f9f9f9
	}
	#emploi-temps .timetabe .bgdark {
		color:#000;
		background:#dbdbdb
	}
	div.allday {position:relative}
	div.alldayevent {position:relative}
	div.timetable_event {
		position:absolute;
		color:#fff;
		background:#36415d
	}
	div.timetable_event a {color:#fff}
/* ---------------------------------------------------------------------- Service public */
	#servicepublicv2 {
		overflow:hidden;
		width:100%
	}
	#servicepublicv2 h1 {overflow:hidden}
	#servicepublicv2 h1 img {vertical-align:middle}
	#servicepublicv2 ul#accueilspv2 {
		list-style:none;
		margin:0;
		padding:0
	}
	#servicepublicv2 ul#accueilspv2 li {
		float:left;
		width:50%;
		background:none;
		padding:0;
		margin:0
	}
	#servicepublicv2 ul#accueilspv2 li img {vertical-align:middle}
	#servicepublicv2 ul {overflow:visible}
	.cadre {
		overflow:hidden;
		border:1px solid #ccc;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-khtml-border-radius:10px;
		border-radius:10px;
		padding:2%;
		margin:0 0 10px 0
	}
	#colg {
		float:left;
		width:66%
	}
	#cold {
		overflow:hidden;
		float:right;
		width:24%
	}
	a.voirtout {font-weight:bold}
	.definition {
		color:#f00;
		border-bottom:1px dotted #f00
	}
	.definition em {display:none}
	.definition:hover {position:relative}
	.definition:hover em {
		position:absolute;
		z-index:1000;
		left:0;
		top:1.4em;
		overflow:hidden;
		display:block;
		width:200px;
		height:auto;
		font-style:normal;
		color:#000;
		background:#ececec;
		border:2px solid #999;
		padding:5px
	}
	.note,
	.attention,
	.info,
	.savoir {
		border:1px solid #d0bb0c;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
		border-radius:5px;
		padding:5px 5px 5px 30px;
		margin:0 0 15px
	}
	.note {background:url('/extension/servicepublicv2.fr/design/standard/images/picto_NOTE.png') no-repeat 5px 5px}
	.attention { background:url('/extension/servicepublicv2.fr/design/standard/images/picto_ATTENTION.png') no-repeat 5px 5px}
	.info { background:url('/extension/servicepublicv2.fr/design/standard/images/picto_INFO.png') no-repeat 5px 5px}
	.savoir { background:url('/extension/servicepublicv2.fr/design/standard/images/picto_SAVOIR.png') no-repeat 5px 5px}
/* ---------------------------------------------------------------------- Édition en Front */
/* ------------------------------------------------------------ Outils de la barre d'éditeur */
	#contenu div.oe-window table {margin-bottom:.5em}
	#contenu div.oe-window table td {padding:0}
/* ------------------------------------------------------------ Modifications évoluées des images uploadés */
	#ezieMainContainer {display:none}


	/* Carousel automatique et manuel avec bouton stop et play */

	.slides_container {margin:0;}
	.slides_container {
		overflow:hidden;
		position:relative;
	}
	#stop_slider {
		position:absolute;
		top:259px;
		left:332px;
	}
	#stop_slider a {
		font-size:0.8em;
		color:#fff;
		padding:0.3em 10px;
		background:#333;
	}

	ul.pagination {
		width:275px;
		float:left;
		padding:0;
		margin:0;
		position:absolute;
		right:0;
		top:0;
	}
	/* Hack */
	ul.pagination2 { position:absolute;top:0;left:443px;color:#fff;z-index:1;height:283px;overflow:hidden; }

	#a_la_une ul.pagination li {
		height:51px;
		padding:10px 10px 10px 35px;
		background:url('../images/background/selection_non_active.png') no-repeat 0 0;
		color:#333333;
	}
	#a_la_une ul.pagination li.current {
		background:url('../images/background/selection_active.png') no-repeat 0 0;
		color:#ffffff;
	}
	#a_la_une ul.pagination li.current a {
		color:#ffffff;
	}
	/* Option : Animation de la zone de texte transparente */
	.caption {
		position:absolute;
		padding:5px 20px 10px 20px;
		background:#000;
		background:rgba(0,0,0,.5);
		width:450px;
		font-size:1.3em;
		line-height:1.33;
		color:#fff;
		text-shadow:none;
	}


/* ---------------------------------------------------------------------- Coverflow */
	#cont_coverflow {
		position:relative;
		background:#e0e0e0;
		overflow:hidden;
		min-height:280px;
	}
	div.wrapper {
		text-align:left;
		position:relative;
		overflow:hidden;
		height:125px;
		padding:1em 0 50px 0;
		margin:0 auto;

		-webkit-transform:rotate(1deg);
		-moz-transform:rotate(1deg);
		-o-transform:rotate(1deg);
		transform:rotate(1deg);
		background:#859ead;
	}
	#coverflow {
		position:absolute;
		top:50px;
		left:0;
		padding:0;
		text-align:center;
		margin:0;
		width:920px;

	}
	#coverflow img {
		position:relative;
		float:left;
		width:100px;
		height:100px;
		margin:-15px;
		cursor:pointer;
		-moz-box-shadow: 0px 2px 15px #000;
  		-webkit-box-shadow: 0px 2px 15px #000;
  		box-shadow: 0px 2px 15px #000;
	}
	#coverflow_img01 {
		position:absolute;
		top:200px;
		left:10px;
	}
	#coverflow_img02 {
		position:absolute;
		top:200px;
		right:10px;
	}
	#imageCaption {
		position:absolute;
		top:160px;
		left:35px;
		margin:0 auto;
		width:195px;
		font-weight:bold;
		padding-top:45px;
		text-align:center;
		min-height:60px;
		background:url('../images/background/caption_coverflow.png') no-repeat 0 0;
		text-align:center;
	}
	#imageCaption a {

	}
	#imageCaption a:hover,
	#imageCaption a:focus,
	#imageCaption a:active {
		color:#000;
		text-decoration:none
	}


.colonne02_mdp {
    position: relative;
    border-top: 2px solid #e43664;
    margin-top: 3.1em;
    clear: both;
    padding: 0;
    width: 265px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}